@layout("/common/_form.html",{js:["/assets/expand/plugins/jquery/jquery-3.2.1.min.js","/assets/modular/sim/general/gprs/gprsPackageOrder.js"]}){

<style>
    .layui-form-select dl{
        max-height: 120px;
    }
</style>
<form class="layui-form" id="cardForm" lay-filter="cardForm">
    <div class="layui-fluid" style="padding-bottom: 75px;">
        <div class="layui-card">
            <div class="layui-card-body">
                <div class="layui-form-item layui-row">
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">MSISDN<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <input name="msisdn" placeholder="请输入卡号" type="text" class="layui-input" lay-verify="required|cardNum"/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label">加油包主商品<span style="color: red;">*</span></label>
                        <div class="layui-input-block">
                            <select id ="maincommoDity" name="maincommoDity" class="layui-select" lay-verify="required" lay-search lay-filter="maincommoDity">
                                <option value="0"checked>0：物联卡个人（11000001）</option>
                                <option value="1">1：车联网个人（11100001）</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-inline layui-col-md12">
                    <label class="layui-form-label">加油包套餐<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select id ="packageType" name="packageType" class="layui-select" lay-verify="required" lay-search>
                            <option value="0" checked>0:流量加油包 10 元套餐（物联卡，100M）</option>
                            <option value="2">2:流量加油包 30 元套餐（物联卡，500M）</option>
                            <option value="4">4:20 版流量加油包 8 元套餐（物联卡）</option>
                            <option value="6">6:20 版流量加油包 20 元套餐（物联卡）</option>
                        </select>
                        <p>当加油包主商品为0时，加油包套餐只能是取0，2，4，6；</p>
                        <p>当加油包主商品为1时，加油包套餐只能是取1，3，5，7；</p>
                    </div>
                </div>
                <div class="layui-inline layui-col-md12">
                    <br/>
                </div>
                <div class="layui-inline layui-col-md12" style="text-align: center">
                    <p>注：同一卡号30分钟内不能通过此类接口重复办理业务</p>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group-bottom text-center">
        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
        <button type="reset" class="layui-btn layui-btn-primary" ew-event="closeDialog">&emsp;取消&emsp;</button>
    </div>
</form>
@}
